<template>
  <div class="chit-info-root flex-row full-container">
    <div  class="txt-container flex-column">
      <div class="title-container flex-row">
        <div class="title-txt">
          {{ (chitInfo || {}).orderName }}
        </div>
        <div class="age-txt">
          {{ (chitInfo || {}).orderNo }}
        </div>
      </div>
      <div class="other-txt-container flex-row">
        <div class="txt-item flex-row">
          <div class="label">
            险种编号：
          </div>
          <div class="value">
            {{ (chitInfo || {}).typeNo }}
          </div>
        </div>
        <div class="txt-item flex-row">
          <div class="label">
            险种名称：
          </div>
          <div class="value">
            {{ (chitInfo || {}).typeName }}
          </div>
        </div>
        <div class="txt-item flex-row">
          <div class="label">
            险种赔付比：
          </div>
          <div class="value">
            {{ (chitInfo || {}).compensateRatio }}
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  props: {
    chitInfo: {
      type: Object,
      default: () => {
        return {}
      }
    }
  },
}
</script>

<style scoped lang="scss">
.chit-info-root{
  padding-bottom: 0 !important;
  border-bottom:none !important;
  .txt-container{
    .other-txt-container{
      .value{
        position: relative;
        top: -1px;
      }
    }
  }

}
</style>
